<script setup lang="ts">
import AddWrite from './components/addWrite.vue'
import { ContentDetailWrap } from '@/components/ContentDetailWrap'
import { ref, unref } from 'vue'
import { ElButton } from 'element-plus'
import { useI18n } from '@/hooks/web/useI18n'
import { useRouter, useRoute } from 'vue-router'
import { empEdit, empDetail } from '@/api/common'
import { empType } from '@/api/common/types'
// import { empType } from '@/api/common/types'
import { TableData } from '@/api/table/types'
import { useEmitt } from '@/hooks/web/useEmitt'

const { emitter } = useEmitt()

const { push } = useRouter()

const { query } = useRoute()

const { t } = useI18n()

const currentRow = ref<Nullable<TableData>>(null)

const getTableDet = async () => {
  const res = await empDetail(query.id as string)
  if (res) {
    console.log('---获取row内容---')
    currentRow.value = res.data
  }
}

getTableDet()

const addWriteRef = ref<ComponentRef<typeof AddWrite>>()

const loading = ref(false)

const save = async () => {
  const write = unref(addWriteRef)
  console.log('---addWrite---', write?.getFormData())
  const data = {
    id: write?.getFormData()?.id,
    dept_id: write?.getFormData()?.dept_id,
    name: write?.getFormData()?.name,
    mobile: write?.getFormData()?.mobile,
    phone: write?.getFormData()?.phone,
    email: write?.getFormData()?.email,
    gender: write?.getFormData()?.gender,
    birthday: write?.getFormData()?.birthday,
    job: write?.getFormData()?.job,
    cardno: write?.getFormData()?.cardno,
    address: write?.getFormData()?.address,
    remark: write?.getFormData()?.remark,
    code: write?.getFormData()?.code,
    workplace: write?.getFormData()?.workplace,
    birth: write?.getFormData()?.birth,
    entrytime: write?.getFormData()?.entrytime,
    officialtime: write?.getFormData()?.officialtime,
    leavetime: write?.getFormData()?.leavetime,
    census: write?.getFormData()?.census,
    census_type: write?.getFormData()?.census_type,
    census_address: write?.getFormData()?.census_address,
    politics: write?.getFormData()?.politics,
    marita: write?.getFormData()?.marita,
    bear: write?.getFormData()?.bear,
    education: write?.getFormData()?.education,
    schooltag: write?.getFormData()?.schooltag,
    major: write?.getFormData()?.major,
    pactstart: write?.getFormData()?.pactstart,
    pactend: write?.getFormData()?.pactend,
    exigency: write?.getFormData()?.exigency,
    exigency_mobile: write?.getFormData()?.exigency_mobile,
    bank: write?.getFormData()?.bank,
    bankno: write?.getFormData()?.bankno,
    social_security: write?.getFormData()?.social_security,
    social_security_time: write?.getFormData()?.social_security_time,
    insuredtime: write?.getFormData()?.insuredtime,
    createtime: write?.getFormData()?.createtime,
    updatetime: write?.getFormData()?.updatetime,
    status: write?.getFormData()?.status,
    deletetime: write?.getFormData()?.deletetime
  } as empType
  console.log('---客户管理单新增参数---', data)
  const res = await empEdit(data, write?.getFormData()?.id)
  if (res) {
    emitter.emit('getList', 'edit')
    push('/personnelManagement/staff')
  }
}
</script>

<template>
  <ContentDetailWrap
    :title="t('exampleDemo.edit')"
    @back="push('/personnelManagement/customerManagement')"
  >
    <!-- <Write ref="addWriteRef" :current-row="currentRow" /> -->
    <AddWrite ref="addWriteRef" :current-row="currentRow" />

    <template #right>
      <ElButton type="primary" :loading="loading" @click="save">
        {{ t('exampleDemo.save') }}
      </ElButton>
    </template>
  </ContentDetailWrap>
</template>
